<template>
  <div class="register-container">
    <h1>东软环保公众监督平台</h1>
    <el-card class="register-card">
      <div class="Reg" style="text-align: center">用户注册</div>
      <RegisterForm />
      <div class="login-link"><router-link to="/">返回</router-link></div>
    </el-card>
  </div>
</template>

<script setup>
import RegisterForm from '@/components/neps/RegisterForm.vue'
</script>

<style scoped>
.register-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-image: url('@/assets/images/loginImg.png');
  background-size: cover;
}

.register-card {
  width: 300px;
  background-color: rgba(129, 158, 151, 0.75);
  backdrop-filter: blur(1px) saturate(0);
  border-radius: 10px;
}

h1 {
  color: #3f7722;
}

.Reg {
  font-size: 20px;
  font-weight: bold;
}
.login-link {
  font-size: 13px;
  padding: 10px;
}
</style>
